import React from "react";
import styled from "styled-components";

export default function App() {
    const StyledDiv1 = styled.div`
        background-color: red;
        width: 100px;
        height: 100px;
    `

    const StyledDiv2 = styled(StyledDiv1)`
        background-color: yellow;
        width: 200px;
    `

    const StyledDiv3 = styled(StyledDiv2)`
        background-color: orange;
    `

    return <div>
        <StyledDiv1></StyledDiv1>
        <StyledDiv2></StyledDiv2>
        <StyledDiv3></StyledDiv3>
    </div>;
}